{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{% block title %}萨敏特(重庆)企业管理咨询{% endblock %}</title>

  <!-- 公共样式   外部依赖 -->
  <link rel="stylesheet" href="{% static 'home/CSS/base.css' %}">
  <link rel="stylesheet" href="{% static 'home/CSS/header.css' %}">
  <link rel="stylesheet" href="{% static 'home/CSS/footer.css' %}">
  <link rel="stylesheet" href="{% static 'home/CSS/swiper-bundle.min.css' %}">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4463553_gi1npybb3m.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">

  <!-- 预留给子页面的额外样式 -->
  {% block extra_head %}{% endblock %}
</head>

<body>
  <!-- 公共头部 -->
  {% include "includes/header.html" %}

  <!-- 主体内容 -->
  <main>
    {% block content %}{% endblock %}
  </main>

  <!-- 公共底部 -->
  {% include "includes/footer.html" %}

  <!-- 公共脚本（只引一次） -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="{% static 'home/JS/swiper-bundle.min.js' %}"></script>
  <script src="{% static 'home/JS/global.js' %}"></script>

  <!-- 预留给子页面的额外脚本 -->
  {% block extra_js %}{% endblock %}
</body>

</html>